<template>
  <div>
    <div id="banner-box" style="margin-top: 100px">
      <div id="big-banner">
        <img src="/image/banner4jiameng05.png" alt="" />
      </div>
    </div>
    <el-menu id="nav" :default-active="path" router>
      <el-menu-item index="youshi" class="zdy-nav">加盟优势</el-menu-item>
      <el-menu-item index="liucheng" class="zdy-nav">加盟流程</el-menu-item>
      <el-menu-item index="feiyong" class="zdy-nav">加盟费用</el-menu-item>
      <el-menu-item index="zhichi" class="zdy-nav">总部支持</el-menu-item>
      <el-menu-item index="yiwu" class="zdy-nav">责任义务</el-menu-item>
    </el-menu>

    <div class="zdy-nav-a"></div>

    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      path: "youshi",
    };
  },

  mounted() {
    console.log(this.$route.path);
    let s = this.$route.path;
    // this.path = s.substring(s.lastIndexOf("/") + 1);
    this.path = s.split("/").pop();
  },
};
</script>


<style src='../assets/css/jm youshi.css' scoped>
</style>
<style >
</style>